<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Document</title>
    </head>
    <body>
        <table
            width="465"
            border="1"
            cellspacing="0"
            style="border-color: #000"
        >
            <tr colspan="4">
                <th colspan="4" style="padding: 5px 10px">
                    <p style="display: flex; justify-content: space-between">
                        <span>{{ line }}</span>
                        <span>{{ deliveryCompanyName }}</span>
                    </p>
                </th>
            </tr>
            <tr>
                <td
                    align="center"
                    style="
                        writing-mode: vertical-rl;
                        padding: 5px 10px;
                        width: 50px;
                    "
                >
                    寄件
                </td>
                <td colspan="2" style="padding: 5px 10px">
                    <p>
                        <span>{{ senderName }}</span>
                        <span>{{ senderPhone }}</span>
                    </p>
                    <!-- <div style="display: flex">
                        <div style="flex: 3">
                            <p>
                                <span>{{ senderName }}</span>
                                <span>{{ senderPhone }}</span>
                            </p>
                            <p>{{ senderAddress }}</p>
                        </div>
                        <div style="flex: 2">
                            <p>寄件时间</p>
                            <p>{{ pickerTime }}</p>
                        </div>
                    </div> -->
                </td>
                <td colspan="1" style="padding: 5px 10px">
                    <p>寄件时间</p>
                    <p>{{ pickerTime }}</p>
                </td>
            </tr>
            <tr>
                <td
                    colspan="1"
                    align="center"
                    style="writing-mode: vertical-rl"
                >
                    收件
                </td>
                <td align="left" colspan="3" style="padding: 5px 10px">
                    <p>
                        <span>{{ receiveName }}</span>
                        <span>{{ receivePhone }}</span>
                    </p>
                    <p>{{receiveAddress}}</p>
                </td>
            </tr>
            <tr align="center">
                <td colspan="4" style="padding: 0">
                    <div style="display: flex; height: 100px">
                        <div style="flex: 1">{{ wayBillCode }}</div>
                        <div
                            style="
                                flex: 1;
                                position: relative;
                                border-left: 2px solid #000;
                            "
                        >
                            {{ orderCode }}
                            <!-- <div
                                style="
                                    width: 1.5px;
                                    background: #000;
                                    position: absolute;
                                    left: 0;
                                    top: -6px;
                                    bottom: -6px;
                                "
                            ></div> -->
                        </div>
                    </div>

                    <!-- <tr>
                        <td>
                            <div>{{ wayBillCode }}</div>
                        </td>
                        <td>
                            <div>{{ wayBillCode }}</div>
                        </td>
                    </tr> -->
                    <!-- <td>
                        <div>{{ wayBillCode }}</div>
                    </td> -->
                </td>
                <!-- <td colspan="5">
                    <div>{{ orderCode }}</div>
                </td> -->
            </tr>
        </table>
    </body>
</html>
